<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
          width: 0px;
          height: 0px;
          /* border: transparent; */
          border-top: 100px solid  pink;
         
          
        }
    </style>
</head>
<body>

    <div class="box"></div>

    <script>

        // call
        let arr = [1, 2, 3, 22, 3, 11]
        // function fn(a,b){
        //     console.log(a+b);
        //     console.log(this);
        // }
        // // fn()
        // // fn.call(arr,1,2)
        // fn.apply(arr,[1,5])


        console.log(arr.sort((a, b) => {
            return b - a
        }));


        1 == 1 && 1 !== 2 && console.log(22);


        // function fn(a) {
        //     return function fn2(b) {
        //        return a+b

        //     }
        // }
        // console.log(fn(1)(2));
        // let a=fn(1)
        // console.log(a(2));


        for (var i = 0; i < 5; ++i) {
            // (function (i) {
            //     setTimeout(() => {
            //         console.log(i);
            //     },3000)
            // })(i)
            fn(i)

            function fn(i){
                setTimeout(() => {
                    console.log(i);
                },1000)
            }
        }

        // console.log(i);
    </script>
</body>

</html>